<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="../templates/principal.xhtml">
    <ui:define name="head">
        <style tyle="text/css">
            .animated .ui-progressbar-value { 
                background-image: url("#{resource['images/pbar-ani.gif']}"); 
            }
        </style>

        <script type="text/javascript">
            jQuery(function ($) {
                $("input.data:text").mask("99/99/9999");
                $("input.processo:text").mask("9999-9.999.999-9");
            });
        </script>
    </ui:define>

    <ui:define name="content" id="content">
        <h:form id="frmProcesso">
            <p:panel id="panel" header="Bem Vindo ao Modulo da Carga dos Processos">
                <p:growl id="messages" life="5000" />

                <p:dataTable id="empreendimentoTable" var="empreendimento" value="#{processoBean.lazyEmpreendimentoLoteCarga}" 
                             paginator="true" rows="15" paginatorPosition="top" rowIndexVar="rowIdEmpreendimento" filterEvent="enter"
                             emptyMessage="Nenhum Registro Retornado ..." resizableColumns="true" selection="#{processoBean.empreendimentoLoteCarga}" rowKey="#{empreendimento.idEmpreendimentoLote}">

                    <f:facet name="header">
                        <div style="text-align: center">Processos Cadastrados</div>
                    </f:facet> 

                    <p:column selectionMode="multiple" style="width:2%" />

                    <p:column style="width:150px;" headerText="No.Processo" filterBy="#{empreendimento.numProcesso}" filterStyleClass="processo">
                        <h:outputText value="#{empreendimento.numProcesso}" />
                    </p:column>

                    <p:column style="text-align: left; " filterBy="#{empreendimento.idEmpreendimento.idCliente.nomCliente}" sortBy="#{empreendimento.idEmpreendimento.idCliente.nomCliente}">
                        <f:facet name="header">
                            <div style="text-align: center">Razão Social // Nome</div>
                        </f:facet>
                        <h:outputText value="#{empreendimento.idEmpreendimento.idCliente.nomCliente}" />
                    </p:column>

                    <p:column style="text-align: left; " filterBy="#{empreendimento.idEmpreendimento.idCliente.nomFantasia}" sortBy="#{empreendimento.idEmpreendimento.idCliente.nomFantasia}">
                        <f:facet name="header">
                            <div style="text-align: center">Nome Fantasia // Sobrenome</div>
                        </f:facet>
                        <h:outputText value="#{empreendimento.idEmpreendimento.idCliente.nomFantasia}"/>
                    </p:column>

                    <p:column style="text-align: left; " filterBy="#{empreendimento.idEmpreendimento.dscEmpreendimento}" sortBy="#{empreendimento.idEmpreendimento.dscEmpreendimento}">
                        <f:facet name="header">
                            <div style="text-align: center">Empreendimento</div>
                        </f:facet>
                        <h:outputText value="#{empreendimento.idEmpreendimento.dscEmpreendimento}" />
                    </p:column> 

                    <p:column style="text-align: left; " filterBy="#{empreendimento.idAssunto.dscAssunto}" sortBy="#{empreendimento.idAssunto.dscAssunto}">
                        <f:facet name="header">
                            <div style="text-align: center">ASSUNTO</div>
                        </f:facet>
                        <h:outputText value="#{empreendimento.idAssunto.dscAssunto}" />
                    </p:column>

                    <p:column filterStyle="width:100px; text-align: center;" headerText="DATA ATUALIZAÇÃO" style="text-align: center;" 
                              sortBy="#{empreendimento.idEmpreendimento.datUpdate}">
                        <h:outputText value="#{empreendimento.idEmpreendimento.datUpdate}">
                            <f:convertDateTime type="date" dateStyle="short" pattern="dd/MM/yyyy HH:mm:ss" />
                        </h:outputText>
                    </p:column>
                </p:dataTable>

                <p:commandButton id="buttonImprimir" icon="ui-icon-calculator" value="Carregar Dados dos Filtros da Carga" update=":frmProcesso:panel :frmProcesso:empreendimentoTable :frmProcesso:messages"
                                 actionListener="#{processoBean.gerarCarga}" />
                <p:commandButton value="Iniciar Carregamento dos Processos" onclick="PF('confirmation').show();" type="button" icon="ui-icon-disk" />


                <!-- CONFIRMA CARREGAMENTO DOS PROCESSOS -->
                <p:dialog header="Confirma o Carregamento dos Processos?" widgetVar="confirmation">  

                    <p:commandButton value="Sim" update=":frmProcesso:panel, :frmProcesso:messages" onstart="PF('statusDialog').show();" 
                                     onclick="PF('confirmation').hide();"
                                     actionListener="#{processoBean.calculaProcesso}" process="@all" />  
                    <p:commandButton value="Não" onclick="PF('confirmation').hide();" type="button" />   

                </p:dialog>

                <!-- TELA ESPERA CARREGAMENTO -->
                <p:dialog id="DialogStatus" widgetVar="statusDialog" header="Aguarde ... Carregadando os Processos ..." draggable="false" closable="false" 
                          modal="true">

                    <h:panelGrid id="pnStatus">
                        <p:graphicImage value="/design/ajaxloadingbar.gif" />
                    </h:panelGrid>
                </p:dialog>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition> 
